<template>
	<view class="mywrap">
		<view class="pay-status-wrap">
			<view class="iconfont" :class="payStatus ? 'iconchenggong' : 'iconshibai'"></view>
			<view class="fz44" style="font-weight: bold;">{{ payStatus ? '支付成功' : '支付失败' }}</view>
			<view class="fz30" style="color: #999; margin-top: 25rpx;">{{ payStatus ? '恭喜你，兑换成功' : '请稍后重试' }}</view>
		</view>
		<view class="btn flex_center_align" @click="goBack(1)">
			完成
		</view>
		<view v-if="type == 1" class="btn-view flex_center_align" @click="goBack(2)">
			查看问答券
		</view>
	</view>
</template>

<script
  type="text/javascript"
  src="plus-confusion://../pointsMall/exchangeResult/index"
></script>

<style lang="less" scoped>
@import url(@/static/css/iconfont.css);

.mywrap {
	position: relative;
	min-height: 100vh;
	background-color: #F9F7FC;
	padding: 0 30rpx;
}

.pay-status-wrap {
	padding-top: 112rpx;
	text-align: center;

	.iconfont {
		font-size: 120rpx;
		margin-bottom: 28rpx;
	}

	.iconchenggong {
		color: rgb(60, 166, 84);
	}

	.iconshibai {
		color: rgb(232, 67, 53);
	}
}

.info-list {
	background-color: #fff;
	border-radius: 20rpx;
	margin-top: 60rpx;

	.info-item {
		height: 100rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 30rpx;
		color: #999999;
		padding: 0 30rpx;

		.result {
			font-size: 30rpx;
			color: #333;
		}

		&.borb {
			&:before {
				margin: 0 30rpx;
			}
		}
	}
}

.btn {
	font-size: 36rpx;
	width: 530rpx;
	height: 100rpx;
	background: #fff;
	border-radius: 100rpx;
	margin: 100rpx auto 30rpx;
	border: 2rpx solid #FF6161;
	color: #FF6161;
}

.btn-view {
	font-size: 36rpx;
	width: 530rpx;
	height: 100rpx;
	background: #FF6161;
	border-radius: 100rpx;
	margin: 25rpx auto 30rpx;
	color: #fff;
}
</style>
